.x-st-margin{
  margin:0 .8rem;
}.x-st-box{
  background: url(../image/studybg.png)no-repeat center;
  background-size: cover;
  padding: 1.2rem .8rem;
  border-radius: .4rem;
  color: #fff;
  font-size: 1rem;
  margin-top: 2rem;
}.x-st-top{
  display: flex;
  justify-content: space-between;
}.x-st-l{
  align-self: center;
}.x-st-head{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: .2rem;
  border:1.2px solid #fff;
}.x-st-head img{
  width: 100%;
  height: 100%;
}body{
  margin: 0;
  padding: 0;
}.x-st-appname{
  font-size: 1.2rem;
  margin-bottom: .2rem;
}.x-st-desc{
  font-size: .8rem;
}.x-st-bott{
  display: flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  margin-top: .6rem;
}.x-st-store{
  background-color: #fff;
  color: #303030;
  padding: 0 .4rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: .2rem;
  font-size: .7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}.x-st-r{
  margin-right: 1rem;
  text-align: center;
}.x-st-name{
  font-size: .8rem;
}.x-btn-form{
  border-radius: .4rem;
  background-color: #fff;
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0;
}.x-stbtn-img{
  background: url(../image/st1.png)no-repeat center;
  background-size: cover;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: .4rem;
}.x-st-btn{
  text-align: center;
  flex-basis: 33.33%;
  padding-bottom: .8rem;
  background-color: #fff;
}.x-stbtn-tit{
  color: #303030;
  font-size: .8rem;
}.x-stbtn-img2{
  background: url(../image/st2.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img3{
  background: url(../image/st3.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img4{
  background: url(../image/st4.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img5{
  background: url(../image/st5.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img6{
  background: url(../image/st6.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img7{
  background: url(../image/st7.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img8{
  background: url(../image/st8.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img9{
  background: url(../image/st9.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img10{
  background: url(../image/st10.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img11{
  background: url(../image/st11.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img12{
  background: url(../image/st12.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img13{
  background: url(../image/st13.png)no-repeat center;
  background-size: cover;
}.x-stbtn-img14{
  background: url(../image/st14.png)no-repeat center;
  background-size: cover;
}.x-st-taskbox{
  border-radius: .4rem;
  background-color: #fff;
  padding: 1rem .8rem;
  margin-bottom: 1rem;
}.x-sttask-top{
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: .6rem;
  margin-bottom: 1rem;
}.x-sttask-top::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  height: 1px;
  transform: scaleY(0.5);
}
.x-sttask-icon{
  background: url(../image/task.png)no-repeat center;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: .6rem;
}.x-sttask-r{
  color: #C2C2C2;
  font-size: .8rem;
  align-self: center;
}.x-sttask-numall{
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
  border-radius: .4rem;
  padding: .6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: .8rem;
  justify-content: space-between;
}.x-st-green{
  color: #058142;
  margin-left: .2rem;
}.x-sttask-list{
  display: flex;
  padding: .8rem 0;
  flex-wrap: nowrap;
  align-items: center;
  font-size: .75rem;
  justify-content: space-between;
  position: relative;
}.x-sttask-list::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  height: 1px;
  transform: scaleY(0.5);
}
/*********************************work2******************************************/
.x-work2-img1{
  background: url(../image/work2icon1.png)no-repeat center;
  background-size: cover;
}.x-work2-img2{
  background: url(../image/work2icon2.png)no-repeat center;
  background-size: cover;
}.x-work2-img3{
  background: url(../image/work2icon3.png)no-repeat center;
  background-size: cover;
}.x-work2-img4{
  background: url(../image/work2icon4.png)no-repeat center;
  background-size: cover;
}.x-work2-img5{
  background: url(../image/work2icon5.png)no-repeat center;
  background-size: cover;
}.x-work2-img6{
  background: url(../image/work2icon6.png)no-repeat center;
  background-size: cover;
}
/**/
.x-header-g{
  background-color: #058142;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top: 30px;
  padding-bottom: .4rem;
}.x-header-arrow{
  position: absolute;
  background: url(../image/retrun2.png)no-repeat center;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  bottom: 1rem;
  left: 1rem;
}.x-header-t{
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: .4rem;
}.x-ut-box{
  background-color: #fff;
  margin: 1rem .8rem;
  border-radius: .4rem;
}.x-ut-top{
  padding: .6rem;
  display: flex;
  justify-content: space-around;
}.x-ut-inp{
  flex-basis: 80%;
}.x-ut-sear{
  flex-basis: 20%;
  background-color: #058142;
  color: #fff;
  border-radius: .4rem;
  padding: .4rem .6rem;
  text-align: center;
  margin-left: 1rem;
}
/**/
.x-lo-bg{
  background: url(../image/loginbg.png)no-repeat center;
  background-size: cover;
  width: 100%;
  height: 16rem;
}.x-lo-pro{
  margin: -7rem 1rem 0 1rem;
  background-color: #fff;
  border-radius: .8rem;
  position: relative;
  height: 30rem;
}.x-lo-logo{
  background: url(../image/logo0.png)no-repeat center;
  background-size: cover;
  width: 5rem;
  height: 5rem;
  margin: auto;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  margin-left: -2.5rem;
}.x-lo-tt{
  text-align: center;
  padding-top: 4rem;
}.x-lo-form{
  margin: 2rem;
}.x-lo-l{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
}.x-lo-send{
  color: #fff;
  background-color: #058142;
  width: 7rem;
  height: 2rem;
  border-radius: .4rem;
  font-size: .7rem;
  align-self: center;
  text-align: center;
  line-height: 2rem;
}.x-lo-lo{
  width: 100%;
  background-color: #058142;
  text-align: center;
  color: #fff;
  padding: .7rem;
  margin-top: 2rem;
  border-radius: .4rem;
}
/**/
.x-user-probox{
  margin: 1rem;
  background-color: #fff;
  border-radius: .6rem;
  color: #303030;
}.x-user-head{
  background-color: #F9FAFC;
  padding: .8rem;
  border-top-left-radius: .6rem;
  border-top-right-radius: .6rem;
  font-weight: 600;
  font-size: 1.1rem;
}.x-user-pro{
  padding: .8rem;
  font-size: 1rem;
}.x-il-list{
  margin: 1rem;
  background: linear-gradient(134deg,#ffb562 1%, #ff972d 97%);
  border-radius: .4rem;
  padding: 1.2rem;
  display: flex;
  color: #fff;
}.x-il-icon{
  background: url(../image/inlistbg1.png)no-repeat center;
  background-size: contain;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
}.x-il-t{
  align-self: center;
  font-size: 1rem;
}.x-il-list1{
  background: linear-gradient(134deg,#1bb1ec 1%, #257bec 97%);
}.x-il-list2{
  background: linear-gradient(134deg,#28d17b 1%, #058142 97%);
}.x-il-list3{
  background: linear-gradient(90deg,#667eea, #764ba2);
}.x-il-list4{
  background: linear-gradient(132deg,#ff845d 2%, #d55b0a 97%);
}.x-il-list5{
  background: linear-gradient(134deg,#2be8e8 1%, #0cbca4 97%);
}
/* 6-13 值班*/
.x-il-list6{
  background: linear-gradient(134deg,#e29587 1%, #d66d75 97%);
}.x-il-list7{
  background: linear-gradient(134deg,#6190e8 1%, #a7bfe8 97%);
}.x-il-list8{
  background: linear-gradient(134deg,#ee0979 1%, #ff6a00 97%);
}.x-il-list9{
  background: linear-gradient(90deg,#667eea, #764ba2);
}.x-il-list10{
  background: linear-gradient(134deg,#ffb562 1%, #ff972d 97%);
}.x-il-list11{
  background: linear-gradient(134deg,#1bb1ec 1%, #257bec 97%);
}.x-il-list12{
  background: linear-gradient(134deg,#11998e 1%, #38ef7d 97%);
}.x-il-list13{
  background: linear-gradient(90deg,#667eea, #764ba2);
}
.x-il-icon1{
  background: url(../image/inlistbg2.png)no-repeat center;
  background-size: contain;
}.x-il-icon2{
  background: url(../image/inlistbg3.png)no-repeat center;
  background-size: contain;
}.x-meet-icon1{
  background: url(../image/meet3.png)no-repeat center;
  background-size: contain;
}.x-meet-icon2{
  background: url(../image/meet4.png)no-repeat center;
  background-size: contain;
}
/* 3-10 排班*/
.x-il-icon3{
  background: url(../image/duty/list1.png)no-repeat center;
  background-size: contain;
}.x-il-icon4{
  background: url(../image/duty/list2.png)no-repeat center;
  background-size: contain;
}.x-il-icon5{
  background: url(../image/duty/list3.png)no-repeat center;
  background-size: contain;
}.x-il-icon6{
  background: url(../image/duty/list4.png)no-repeat center;
  background-size: contain;
}.x-il-icon7{
  background: url(../image/duty/list5.png)no-repeat center;
  background-size: contain;
}.x-il-icon8{
  background: url(../image/duty/list6.png)no-repeat center;
  background-size: contain;
}.x-il-icon9{
  background: url(../image/duty/list7.png)no-repeat center;
  background-size: contain;
}.x-il-icon10{
  background: url(../image/duty/list8.png)no-repeat center;
  background-size: contain;
}.x-data-icon1{
  background: url(../image/datalist1.png)no-repeat center;
  background-size: contain;
}.x-data-icon2{
  background: url(../image/datalist2.png)no-repeat center;
  background-size: contain;
}.x-data-icon3{
  background: url(../image/datalist3.png)no-repeat center;
  background-size: contain;
}
.x-ico-month{
  background-color: #fff;
  padding: 1rem 0;
  margin: auto;
  text-align: center;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  margin-bottom: 1rem;
}.x-ico-month2{
  border-radius: 0;
}
/**/
.x-inc-num{
  text-align: center;
  /*background-color: #F9FAFC;*/
  padding: .6rem 0;
}.x-inc-g{
  color: #058142;
}.el-table th{
  background-color: #F2F9F6;
  text-align: center;
}.el-table td{
  text-align: center;
}
/**/
.x-pro-list{
  margin: 1rem;
  background-color: #fff;
  border-radius: .4rem;
  overflow: hidden;
}.x-pro-top{
  background-color: #F9FAFC;
  padding: .8rem 1.4rem;
  font-weight: 800;
  color:#333;
}.x-pro-pro{
  padding: .4rem;
}.x-pro-pro{
  display: flex;
  justify-content: space-between;
}.x-pro-himg{
  background: url(../image/head.png)no-repeat center;
  background-size: cover;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: .6rem;
}.x-pro-sbtn{
  color: #fff;
  background-color: #058142;
  border-radius: .4rem;
  padding: .2rem 0;
  text-align: center;
  width: 4.5rem;
  margin: auto;
  font-size: .8rem;
}.x-pro-pro2{
  padding: .4rem;
  font-size: 1rem;
}.el-input__inner{
  border: 0;
}
.x-pro-row{
  display: flex;
  padding: .4rem 1rem;
  color: #303030;
}.x-pro-rowblock{
  display: block;
}
.x-pro-label{
  align-self: center;
  margin-right: .4rem;
  white-space: nowrap;
  flex-basis: 30%;
}.x-pro-input{
  /*flex-basis: 69%;*/
  width: 100%;
  align-self:center;
}.x-pro-input .el-date-editor.el-input,.x-pro-input .el-date-editor.el-input__inner{
  width: 100%;
}
.x-pro-input .el-select{
  width: 100%;
}
.x-pro-right{
  flex-basis: 30%;
}.el-collapse-item__header{
  font-weight: 700;
  padding-left: 1.4rem;
  font-size: 1rem;
}.el-collapse-item__arrow{
  background-color: #008000;
  color: #fff;
  border-radius: 50%;
  /*padding: 2px;*/
  margin-left: 1rem;
}.x-pro-remove{
  background-color: #FF2E2E;
  color: #fff;
  text-align: center;
  width: 7rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: .4rem;
  margin: auto;
  margin-bottom: 1rem;
  opacity: .5;
}.el-date-editor .el-range-input{
  width: 75px;
}.x-pro-bb{
  border-bottom: 1px solid #f5f5f5;
  padding: .6rem 0;
}.x-pro-pro2 .x-pro-bb:last-child{
  border-bottom: 0;
}
.x-pro-addbox{
  border: 2px dashed #707070;
  border-radius: .4rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  margin: 1rem;
}.x-pro-addicon{
  background: url(../image/logapp.png)no-repeat center;
  background-size: cover;
  width: .8rem;
  height: .8rem;
}.x-ut-rebt{
  margin: 1rem;
  color: #303030;
}.x-ut-reicon{
  background: url(../image/retrun3.png)no-repeat center;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: .6rem;
  vertical-align: text-top;
}.x-pro-left{
  align-self: center;
}.x-pro-gobtn{
  background-color: #058142;
  color: #fff;
  line-height: 2.6rem;
  height: 2.6rem;
  margin: 1rem 1rem 4rem 1rem;
  border-radius: .4rem;
  text-align: center;
}.x-pro-gobtn.x-disabled{
  background-color: #C2C2C2;
}
.el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner{
  color: #666!important;
  opacity: 1;
}.x-inui-pro{
  margin: 1rem;
  display: flex;
  justify-content: space-between;
  font-size: .8rem;
  color: #333;
}.x-inui-pro span{
  color: #058142;
  margin-left: .4rem;
}.x-inui-bgbox{
  margin: 1rem;
  border-radius: .4rem;
  overflow: hidden;
}.el-button--text{
  color: #058142;
}.el-tabs__active-bar{
  background: linear-gradient(90deg, #058142, #c5ffe2);
  width: 2rem;
}.el-tabs__nav-wrap:after{
  background-color: #fff;
}
/**/
.x-train-tabs{
  display: flex;
  background-color: #fff;
  border-bottom-left-radius: .6rem;
  border-bottom-right-radius: .6rem;
}.x-workforce-tabs{
  display: flex;
  background-color: #EFF0F4;
  margin: 1rem;
}
.x-train-items{
  padding: .6rem 0;
  position: relative;
  text-align: center;
}.x-train-items.active{
  color: #058142;
}.x-train-items::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: .2rem;
  height: .2rem;
}.x-train-items.active::before{
  background: linear-gradient(90deg,#058142, #c5ffe2);
}.x-workforce-items{
  padding: .6rem 0;
  position: relative;
  text-align: center;
  border: 1px solid #058142;
  color: #058142;
  background-color: #fff;
  border-radius: 2rem;
  font-size: .8rem;
}.x-workforce-items.active{
  background-color: #058142;
  color: #fff;
}
.x-train-tb{
  margin: 1rem;
  border-radius: .4rem;
  overflow: hidden;
}.x-pro-cssbtn{
  background-color: #058142;
  color: #fff;
  padding: .4rem 1rem;
  margin: 1rem auto;
  text-align: center;
  border-radius: .4rem;

}.x-train-re{
  background-color: #FF2E2E;
}.x-task-rate{
  text-align: center;
  padding: 1rem 0;
  background-color: #fff;
}.x-task-t{
  margin-bottom: .4rem;
}
/**/
.x-trtali-box{
  margin: auto;
  text-align: center;
  /*width: 100%;*/
}.el-tabs__item.is-active{
  color: #058142;
}.el-tabs__active-bar{
  background-color: #058142;
}.el-tabs{
  background-color: #fff;
}.x-tra-nin{
  text-align: center;
  margin: auto;
}.x-tra-desc{
  margin-top: .8rem;
  color: #ccc;
  font-size: .8rem;
}
/**/
.x-promotion .x-il-icon{
  background: url(../image/test1.png)no-repeat center;
  background-size: contain;
}.x-promotion .x-il-icon1{
  background: url(../image/test2.png)no-repeat center;
  background-size: contain;
}.x-promotion .x-il-icon2{
  background: url(../image/test3.png)no-repeat center;
  background-size: contain;
}.x-promotion .x-il-icon3{
  background: url(../image/test4.png)no-repeat center;
  background-size: contain;
}.x-pro-desc{
  margin: 1rem 1.4rem;
}.x-pmo-de{
  margin: .4rem 0;
}.x-pmo-skill{
  background-color: #E9E9E9;
  padding: .4rem 1rem;
  border-radius: .4rem;
  margin: 1rem auto;
  text-align: center;
  width: 30%;
}.x-wf-sif,.x-wf-hand{
  border-bottom: 1px solid #f5f5f5;
}.x-text-g{
  color: #058142;
}.x-text-r{
  color: #FF2E2E;
}.x-nothing{
  padding-top: 4rem;
  text-align: center;
  color: #C2C2C2;
}
.x-wf-wk{
  background-color: #F6F6F6;
  border: 1px solid #ccc;
  padding: .4rem 0;
  text-align: center;
  color: #999;
  font-size: .8rem;
  margin: 1rem 0;
  border-radius: .4rem;
}.x-wf-wkname{
  margin: 1rem 0;
}.x-margin-b{
  margin: 1rem;
  background-color: #fff;
  border-radius: .4rem;
  overflow: hidden;
}.x-wf-hrt{
  color: #058142;
  display: flex;
  margin:1rem;
}.x-wf-line{
  width: .2rem;
  height: 1rem;
  background-color: #058142;
  border-radius: .2rem;
  margin-right: .6rem;
  display: block;
  align-self: center;
}.x-wf-st{
  background-color: #F9FAFC;
  text-align: center;
  padding: .6rem 0;
  color: #444;
}.x-work1-btn .x-work2-img1{
  background: url(../image/duty/icon1.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img2{
  background: url(../image/duty/icon2.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img3{
  background: url(../image/duty/icon3.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img4{
  background: url(../image/duty/icon4.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img5{
  background: url(../image/duty/icon5.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img6{
  background: url(../image/duty/icon6.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-work2-img7{
  background: url(../image/duty/icon7.png)no-repeat center;
  background-size: cover;
}.x-work1-btn .x-stbtn-img{
  border-radius: 0;
}.x-material .x-stbtn-img{
  border-radius: 0;
}.x-work2 .x-stbtn-img{
  border-radius: 0;
}.x-work3 .x-stbtn-img{
  border-radius: 0;
}
.x-sutyplancheck-btn .x-work2-img1{
  background: url(../image/duty/t1.png)no-repeat center;
  background-size: cover;
}.x-sutyplancheck-btn .x-work2-img2{
  background: url(../image/duty/t2.png)no-repeat center;
  background-size: cover;
}.x-sutyplancheck-btn .x-work2-img3{
  background: url(../image/duty/t3.png)no-repeat center;
  background-size: cover;
}.x-sutyplancheck-btn .x-stbtn-img{
  border-radius: 0;
}.x-for-border{
  border-bottom: 1px solid #f5f5f5;
  padding: 1rem 0;
}.x-pro-rowblock .el-textarea__inner{
  background-color: #e9e9e9;
  border: 0;
  margin-top: .6rem;
}.el-radio__input.is-checked+.el-radio__label{
  color: #058142;
}.el-radio__input.is-checked .el-radio__inner{
  border-color: #058142;
  background: #058142;
}.x-du-ca{
  text-align: center;
  margin: 1rem;
}.el-button--success{
  background-color: #058142;
  border-color: #058142;
}
/**/
.x-induty-img1{
  background: url(../image/duty/induty1.png)no-repeat center;
  background-size: cover;
}.x-induty-img2{
  background: url(../image/duty/icon2.png)no-repeat center;
  background-size: cover;
}.x-induty-img3{
  background: url(../image/duty/induty3.png)no-repeat center;
  background-size: cover;
}.x-induty-img4{
  background: url(../image/duty/induty4.png)no-repeat center;
  background-size: cover;
}
/**/
.x-meet-img1{
  background: url(../image/meet1.png)no-repeat center;
  background-size: cover;
}.x-meet-img2{
  background: url(../image/meet2.png)no-repeat center;
  background-size: cover;
}.x-il-list14{
  background: linear-gradient(132deg,#2c3e50 2%, #3498db 97%);
}.x-il-list15{
  background: linear-gradient(134deg,#d53369 1%, #cbad6d 97%);
}.x-data-list1{
  background: linear-gradient(132deg,#ff845d 2%, #d55b0a 97%);
}.x-data-list2{
  background: linear-gradient(134deg,#642be8 1%, #8d0cbc 97%);
}.x-data-list3{
  background: linear-gradient(134deg,#f3c850 1%, #cb7e17 97%);
}
/**/
.x-wkme-desc{
  border: 1px solid #ddd;
  padding: .6rem;
  border-radius: .4rem;
  margin: .6rem 0;
  box-sizing: border-box;
  width: 100%;
}.x-material-img1{
  background: url(../image/mate1.png)no-repeat center;
  background-size: cover;
}.x-material-img2{
  background: url(../image/mate2.png)no-repeat center;
  background-size: cover;
}.x-material-img3{
  background: url(../image/mate3.png)no-repeat center;
  background-size: cover;
}.x-material-img4{
  background: url(../image/mate4.png)no-repeat center;
  background-size: cover;
}.x-material-img5{
  background: url(../image/mate5.png)no-repeat center;
  background-size: cover;
}.x-material-img6{
  background: url(../image/mate6.png)no-repeat center;
  background-size: cover;
}.x-material-img7{
  background: url(../image/mate7.png)no-repeat center;
  background-size: cover;
}.x-material-img8{
  background: url(../image/mate8.png)no-repeat center;
  background-size: cover;
}.x-material-img9{
  background: url(../image/mate9.png)no-repeat center;
  background-size: cover;
}.x-work3-img1{
  background: url(../image/work31.png)no-repeat center;
  background-size: cover;
}.x-work3-img2{
  background: url(../image/work32.png)no-repeat center;
  background-size: cover;
}.x-work3-img3{
  background: url(../image/work33.png)no-repeat center;
  background-size: cover;
}.x-work3-img4{
  background: url(../image/work34.png)no-repeat center;
  background-size: cover;
}.x-work3-img5{
  background: url(../image/work35.png)no-repeat center;
  background-size: cover;
}.x-table-desc{
  background-color: #fff;
  padding: 1rem;
}.x-mac-line{
  background-color: #f5f5f5;
  padding: .6rem 1.4rem;
  font-size: 0;
  margin: 0;
  display: flex;
}.x-mac-spa{
  background-color: #FF8D36;
  width: .2rem;
  height: 1rem;
  margin-right: .8rem;
  align-self: center;
}.x-mac-dt{
  font-size: 1rem;
  align-self: center;
}.x-addmate{
  margin: 1rem 0;
}.x-addmate .el-input__inner{
  width: 200px;
}.x-allot-form .el-input__inner{
  width: 100px;
}.x-il-icon11{
  background: url(../image/material/list1.png)no-repeat center;
  background-size: contain;
}.x-il-icon12{
  background: url(../image/material/list2.png)no-repeat center;
  background-size: contain;
}.x-il-icon13{
  background: url(../image/material/list3.png)no-repeat center;
  background-size: contain;
}.x-il-icon14{
  background: url(../image/material/list4.png)no-repeat center;
  background-size: contain;
}.x-il-icon15{
  background: url(../image/material/list5.png)no-repeat center;
  background-size: contain;
}.x-il-icon16{
  background: url(../image/material/list6.png)no-repeat center;
  background-size: contain;
}.x-il-icon17{
  background: url(../image/material/list7.png)no-repeat center;
  background-size: contain;
}.x-mac-ldsv1{
  background: linear-gradient(134deg,#0052d4 1%, #4364f7 50%, #6fb1fc 97%);
}.x-mac-ldsv2{
  background: linear-gradient(134deg,#0ba360 1%, #3cba92 97%);
}.x-mac-ldsv3{
  background: linear-gradient(134deg,#ff8008 1%, #ffc837 97%);
}.x-mac-ldsv4{
  background: linear-gradient(90deg,#1fa2ff, #12d8fa 49%, #a6ffcb);
}.x-mac-ldsv5{
  background: linear-gradient(134deg,#ff0844 1%, #ffb199 97%);
}.x-mac-ldsv6{
  background: linear-gradient(134deg,#a18cd1 1%, #fbc2eb 97%);
}.x-mac-ldsv7{
  background: linear-gradient(134deg,#283048 1%, #859398 97%);
}.x-work5-img1{
  background: url(../image/work5.png)no-repeat center;
  background-size: contain;
}.x-work5-img2{
  background: url(../image/work5_1.png)no-repeat center;
  background-size: contain;
}.x-datarank-icon1{
  background: url(../image/dataranking1.png)no-repeat center;
  background-size: cover;
}.x-datarank-icon2{
  background: url(../image/dataranking2.png)no-repeat center;
  background-size: contain;
}.x-datarank-icon3{
  background: url(../image/dataranking3.png)no-repeat center;
  background-size: cover;
}.x-datarank-list1{
  background: linear-gradient(132deg,#79ceff 2%, #0a3ad5 97%);
}.x-datarank-list2{
  background: linear-gradient(134deg,#ff6969 1%, #bc0c0c 97%);
}.x-datarank-list3{
  background: linear-gradient(134deg,#dccd09 1%, #aea210 97%);
}.x-target-icon1{
  background: url(../image/target1.png)no-repeat center;
  background-size: contain;
}.x-target-icon2{
  background: url(../image/target2.png)no-repeat center;
  background-size: cover;
}.x-target-list1{
  background: linear-gradient(132deg,#ffea59 2%, #d57d0a 97%);
}.x-target-list2{
  background: linear-gradient(134deg,#8769ff 1%, #c764ff 97%);
}.x-team-icon1{
  background: url(../image/team1.png)no-repeat center;
  background-size: contain;
}.x-team-icon2{
  background: url(../image/team2.png)no-repeat center;
  background-size: cover;
}.x-team-list1{
  background: linear-gradient(132deg,#16b05e 2%, #7a9bf5 97%);
}.x-team-list2{
  background: linear-gradient(134deg,#d3be86 1%, #b38810 97%);
}.x-total-icon1{
  background: url(../image/total1.png)no-repeat center;
  background-size: contain;
}.x-total-icon2{
  background: url(../image/total2.png)no-repeat center;
  background-size: cover;
}.x-total-icon3{
  background: url(../image/total3.png)no-repeat center;
  background-size: cover;
}.x-total-list1{
  background: linear-gradient(132deg,#3116b0 2%, #7a9bf5 97%);
}.x-total-list2{
  background: linear-gradient(134deg,#a18cd1 1%, #fbc2eb 97%);
}.x-total-list3{
  background: linear-gradient(134deg,#ee0979 1%, #ff6a00 97%);
}
.x-name{
  text-align: center;
  margin: .4rem 0;
}.x-work4-img1{
  background: url(../image/work4_1.png)no-repeat center;
  background-size: cover;
}.x-work4-img2{
  background: url(../image/work4_2.png)no-repeat center;
  background-size: cover;
}.x-work4-img3{
  background: url(../image/work4_3.png)no-repeat center;
  background-size: cover;
}.x-list-title {
  margin-bottom: .4rem;
  font-size: 1rem;
  
}.x-page-desc {
  color: #999;
  font-size: 12px;
  margin-top: 5px;
}.x-page-dis {
  color: #999;
  font-size: 12px;
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
}.x-dis-co{
  color: #058142;
}
.x-my-bg{
  background-color: #058142;
  background-image: url(../image/mybg.png);
  background-size: cover;
  height: 8rem;
  width: 100%;
}.x-my-topname{
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 1rem 0 1rem;
  color: #fff;
}.x-mytop-l img{
  width: 3rem;
  height: 3rem;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1rem;
}.x-mytop-l{
  display: flex;
}.x-mytop-l .x-my-name{
  align-self: center;
}.x-mytop-r{
  align-self: center;
}.x-target-num{
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}.x-target-num .el-input__inner{
  border: 1px solid #ccc;
  width: 150px;
  color: #058142;
  margin: .6rem 1rem;
}.x-target-t{
  text-align: center;
  margin-right: .2rem
}.x-target-num .el-select .el-input__inner{
  width: 200px;
}.x-target-num .el-select .el-input__suffix{
  right: 20px;
}.x-card{
  padding: .8rem 1rem;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  margin-bottom: .4rem;
}.x-zstbtn-img1{
  background: url(../image/zb/z1.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img2{
  background: url(../image/zb/z2.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img3{
  background: url(../image/zb/z3.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img4{
  background: url(../image/zb/z4.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img5{
  background: url(../image/zb/z5.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img6{
  background: url(../image/zb/z6.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img7{
  background: url(../image/zb/z7.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img8{
  background: url(../image/zb/z8.png)no-repeat center;
  background-size: cover;
}.x-zstbtn-img9{
  background: url(../image/zb/z9.png)no-repeat center;
  background-size: cover;
}.x-zin-tabs{
  background-color: #fff;
  display: flex;
  justify-content: space-around;
}.x-zin-tabs .x-workforce-items{
  padding: .2rem .6rem;
}.x-ilz-icon0{
  background: url(../image/zb/train1.png)no-repeat center;
  background-size: contain;
}.x-ilz-icon1{
  background: url(../image/zb/train2.png)no-repeat center;
  background-size: contain;
}.x-ilz-icon2{
  background: url(../image/zb/train3.png)no-repeat center;
  background-size: contain;
}.x-ilz-list0{
  background: linear-gradient(134deg,#6190e8 1%, #a7bfe8 97%);
}.x-ilz-list1{
  background: linear-gradient(134deg,#ee0979 1%, #ff6a00 97%);
}.x-ilz-list2{
  background: linear-gradient(90deg,#667eea, #764ba2);
}.x-zwork2-img1{
  background: url(../image/zb/sv1.png)no-repeat center;
  background-size: cover;
}.x-zwork2-img2{
  background: url(../image/zb/sv2.png)no-repeat center;
  background-size: cover;
}.x-zwork2-img3{
  background: url(../image/zb/sv3.png)no-repeat center;
  background-size: cover;
}.x-zwork2-img4{
  background: url(../image/zb/sv4.png)no-repeat center;
  background-size: cover;
}.x-zwork2-img5{
  background: url(../image/zb/sv5.png)no-repeat center;
  background-size: cover;
}.x-zwork2-img6{
  background: url(../image/zb/sv6.png)no-repeat center;
  background-size: cover;
}.x-sv-icon1{
  background: url(../image/zb/sv1in.png)no-repeat center;
  background-size: cover;
}.x-sv-icon2{
  background: url(../image/zb/sv2in.png)no-repeat center;
  background-size: cover;
}.x-sv-icon3{
  background: url(../image/zb/sv3in.png)no-repeat center;
  background-size: cover;
}.x-sv-icon4{
  background: url(../image/zb/sv4in.png)no-repeat center;
  background-size: cover;
}.x-sv-icon5{
  background: url(../image/zb/sv5in.png)no-repeat center;
  background-size: cover;
}.x-sv-icon6{
  background: url(../image/zb/sv6in.png)no-repeat center;
  background-size: cover;
}.x-sv-list1{
  background: linear-gradient(132deg,#2193b0 2%, #6dd5ed 97%);
}.x-sv-list2{
  background: linear-gradient(134deg,#f37335 1%, #fdc830 97%);
}.x-sv-list3{
  background: linear-gradient(134deg,#a8c0ff 1%, #3f2b96 97%);
}.x-sv-list4{
  background: linear-gradient(132deg,#4ac29a 2%, #bdfff3 97%);
}.x-sv-list5{
  background: linear-gradient(134deg,#f46b45 1%, #eea849 97%);
}.x-sv-list6{
  background: linear-gradient(134deg,#56ab2f 1%, #a8e063 97%);
}.x-zdatarank-list1{
  background: linear-gradient(132deg,#79ceff 2%, #0a3ad5 97%);
}.x-zdatarank-list2{
  background: linear-gradient(134deg,#ff6969 1%, #bc0c0c 97%);
}.x-zdatarank-list3{
  background: linear-gradient(134deg,#dccd09 1%, #aea210 97%);
}.x-zdatarank-list4{
  background: linear-gradient(134deg,#642be8 1%, #8d0cbc 97%);
}.x-zdatarank-list5{
  background: linear-gradient(134deg,#0ba360 1%, #3cba92 97%);
}.x-zdatarank-list6{
  background: linear-gradient(90deg,#1fa2ff, #12d8fa 49%, #a6ffcb);
}.x-zdatarank-list7{
  background: linear-gradient(90deg,#667eea, #764ba2);
}.x-zdatarank-icon1{
  background: url(../image/zb/svrank1.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon2{
  background: url(../image/zb/svrank2.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon3{
  background: url(../image/zb/svrank3.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon4{
  background: url(../image/zb/svrank4.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon5{
  background: url(../image/zb/svrank5.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon6{
  background: url(../image/zb/svrank6.png)no-repeat center;
  background-size: contain;
}.x-zdatarank-icon7{
  background: url(../image/zb/svrank7.png)no-repeat center;
  background-size: contain;
}.el-table .cell{
  /* white-space: normal;
  text-overflow: initial; */
  /* text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all; */
}.x-img-big{
  background-size: contain;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 2010;
}
